<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>医院详情</title>
    <link rel="stylesheet" type="text/css" href="css/aui.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
</head>
<body>
    <div class="site-name">
      <p>北京114预约挂号平台</p>
    </div>
    <div class="hoslook-container">
      <div class="hoslook-wrapper">
        <div class="hoslook-header">
          <div class="hoslook-logo">
            <img src="images/hos_1.png" alt="">
          </div>
          <div class="hoslook-info">
            <h4>北京协和医院</h4>
            <p><span>三级甲等</span> <span>每日8:30开放</span></p>
          </div>
        </div>

        <div class="hoslook-desc">
          <p>北京114预约挂号平台北京114预约挂号平台北京114预约挂号平台北京114预约挂号平台北京114预约挂号平台北京114预约挂号平台北京114预约挂号平台北京114预约挂号平台北京114预约挂号平台</p>
          <i class="aui-iconfont aui-icon-right"></i>
        </div>

        <div class="hoslook-body">
          <div class="hoslook-title">
            <h4>医院导引</h4>
          </div>

          <div class="hoslook-sub">
            <h5>联系地址</h5>
            <p>联系地址联系地址联系地址联系地址联系地址联系地址联系地址联系地址</p>
          </div>
          <div class="hoslook-sub">
            <h5>交通指南</h5>
            <p>交通指南交通指南交通指南交通指南交通指南交通指南交通指南交通指南交通指南交通指南交通指南交通指南交通指南交通指南交通指南交通指南</p>
          </div>
        </div>

      </div>
    </div>

    <div class="hoslook-layer" style="display:none;">
      <div class="hoslook-layer-title">
        <h4>医院简介</h4>
        <i class="aui-iconfont aui-icon-close hoslook-layer-close"></i>
      </div>
      <div class="hoslook-layer-body">
        <p>
          医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介
          医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介
          医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介
          医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介
          医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介
          医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介
          医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介
          医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介医院简介
        </p>
      </div>
    </div>

</body>
<script src="js/jquery.min.js"></script>
<script src="layer/layer.js"></script>
<script type="text/javascript">
$('.hoslook-desc').click(function () {
  layer.open({
    type: 1,
    anim: 2,
    title: false,
    closeBtn: false,
    offset: 'b',
    area: ['100%','330px'],
    shadeClose: true,
    content: $('.hoslook-layer')
  });
})

$('.hoslook-layer-close').click(function functionName() {
  layer.closeAll();
})
</script>
</html>
